<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
          方法一：使用函数Number()
            1.String-->Number
              (1)纯数字会直接转化为数字
              (2)有字母或空格混在其中会转化为NaN
              (3)单纯空格会转化为0
            2.Boolean-->Number
              (1)true会转化为1
              (2)flase会转化为0    
            3.Null-->Number
              null会转化为0  
            4.Undefined-->Number
              undefined-->NaN
        */
        //var a = "  ";
        //a = Number(a);
        //alert(a);

        // var b = false;
        // b = Number(b);
        // alert(b);

        // var c = null;
        // c = Number(c);
        // alert(c); 

        // var d = undefined;
        // d = Number(d);
        // alert(d);
        /*
          方法二：使用函数parseInt()和parseFloat()
            parseInt():将字符串转化为有效整数
            parseFloat():将字符串转化为有效小数
        */
        var f = "100px";
        // 结果：100
        f = parseInt(f);
        alert(f);

        var g = "123.45em";
        g = parseFloat(g);
        alert(g);
    </script>
</head>
<body>
    
</body>
</html>